<div id="produtos_orcamento">
	<div id="produtos_orcamento_top">
		<h3>{$TITLE_PRODUTOS}</h3>
	</div>
	<div id="produtos_orcamento_bottom">
		<span>
			<label>Categoria</label>
			<select class="styledselect_form_1" id="id_categoria" style="width: 155px;" onchange="getSubcategorias(this.value, 'id_subcategoria');">
				<option value="0">Selecione...</option>
				{section name="cp" loop=$arrCategorias}
					<option 
						{if $arrCategorias[cp].style} style="{$arrCategorias[cp].style}"{/if}
						value="{$arrCategorias[cp].value}" 
					>
						{$arrCategorias[cp].text}
					</option>
				{/section}
			</select>
		</span>
		
		<span>
			<label>Sub-Categoria</label>
			<select class="styledselect_form_1" id="id_subcategoria" style="width: 155px;" disabled="disabled" onchange="getProdutosSubCategoria(this.value, 'id_produto');">
				<option value="0">Selecione...</option>
			</select>
		</span>
		
		<span>
			<label>Produto</label>
			<select class="styledselect_form_1" id="id_produto" style="width: 155px;" disabled="disabled" onchange="getDadosProdutoParaOrcamento(this.value);">
				<option value="0">Selecione...</option>
			</select>
		</span>
		
		<span>
			<label>Valor</label>
			<input type="text" id="valor_produto" class="inp-form money" style="width: 100px; display: block; padding: 5px;" disabled="disabled" />
			<input type="hidden" id="produto_preco_minimo" />
			<input type="hidden" id="produto_descricao" />
			<input type="hidden" id="produto_nome_categoria" />
			<input type="hidden" id="produto_nome_subcategoria" />
		</span>
		
		<span style="margin-right: 0;">
			<img id="add_produto" title="Adicionar" style="margin-top: 22px; cursor: pointer;" src="{$smarty.const.URL_IMAGENS}forms/forms/icon_plus.gif" width="21" height="21" alt="Adicionar" />
		</span>
		
		<div class="clear">&nbsp;</div>
		<div id="produtos_adicionados">
			<table class="table">
				<tr>
					<th style="width: 14%; min-width: 14%;">Categoria</th>
					<th style="width: 14%; min-width: 14%;">Sub-Categoria</th>
					<th style="width: 21%; min-width: 21%;">Produto</th>
					<th style="width: 10%; min-width: 10%;">Valor</th>
					<th style="width: 35%; min-width: 35%;">Observações</th>
					<th style="width: 6%; min-width: 6%;">Ações</th>
				</tr>
				{if $PRODUTOS}
					{section name="p" loop="$PRODUTOS"}
						<tr class='produto'>
							<td>{$PRODUTOS[p].nome_categoria}</td>
							<td>{$PRODUTOS[p].nome_subcategoria}</td>
							<td>{$PRODUTOS[p].descricao}</td>
							<td>{$PRODUTOS[p].valor}</td>
							<td>
								<textarea name='produtos[observacao][]' style='width: 100%; height: 95%; border: none; background-color: transparent;'>{$PRODUTOS[p].observacoes}</textarea>
							</td>
							<td>
								<input type='hidden' name='produtos[id_produto][]' value='{$PRODUTOS[p].id_produto}' />
								<input type='hidden' name='produtos[valor][]' class='valor' value='{$PRODUTOS[p].valor}' />
								<img class="remove_produto" title="Remover" style="cursor: pointer;" src="{$smarty.const.URL_IMAGENS}forms/forms/icon_minus.gif" width="15" height="15" alt="Remover" />
							</td>
						</tr>
						{assign var="subtotal" value=$subtotal+$PRODUTOS[p].valor}
					{/section}
				{/if}
			</table>
			<table>
				<tr>

					<th style="width:60.1%; text-align: right; padding-right: 10px;">Acréscimo:</th>
					<th style="text-align: left; padding-left: 10px;">R$ <input type="text" name="acrescimo" id="acrescimo" value="{$acrescimo}" class="inp-form money" style="font-size: 10px; height: 16px; padding: 0; width: 80px;" /></th>
				</tr>
				<tr>
					<th style="width:60.1%; text-align: right; padding-right: 10px;">Desconto:</th>
					<th style="text-align: left; padding-left: 10px;">R$ <input type="text" name="desconto" id="desconto" value="{$desconto}" class="inp-form money" style="font-size: 10px; height: 16px; padding: 0; width: 80px;" /></th>
				</tr>
				<tr>
					<th style="width:60.1%; text-align: right; padding-right: 10px;">Total:</th>
					{assign var="total" value=$subtotal+$acrescimo-$desconto}
					<th style="text-align: left; padding-left: 10px;">R$ <input type="text" id="total" value="{$total}" readonly="readonly" style="background: transparent; border: none;" />
						<input type='hidden' id='subtotal' value='{if $subtotal == ""}0{else}{$subtotal}{/if}' />
					</th>
				</tr>
			</table>
		</div>
	</div>
</div>